import { ref } from 'vue'

export default () => {
  const autoFilteredValue: Ref<any[]> = ref([])
  const checkboxValue: Ref<any[]> = ref([])
  const listboxValues: Ref<any[]> = ref([])
  const dropdownValues: Ref<any[]> = ref([])
  const multiselectValues: Ref<any[]> = ref([])
  const countryService: Ref<any[]> = ref([])
  const nodeService: Ref<any[]> = ref([])
  const selectButtonValues1: Ref<any[]> = ref([])
  const selectButtonValues2: Ref<any[]> = ref([])
  const floatValue = ref<HTMLElement | null>(null)
  const autoValue: Ref<any[]> = ref([])
  const selectedAutoValue = ref<HTMLElement | null>(null)
  const calendarValue = ref<HTMLElement | null>(null)
  const inputNumberValue = ref<HTMLElement | null>(null)
  const chipsValue = ref<HTMLElement | null>(null)
  const ratingValue = ref<HTMLElement | null>(null)
  const radioValue = ref<HTMLElement | null>(null)
  const listboxValue = ref<HTMLElement | null>(null)
  const dropdownValue = ref<HTMLElement | null>(null)
  const multiselectValue = ref<HTMLElement | null>(null)
  const selectButtonValue1 = ref<HTMLElement | null>(null)
  const selectButtonValue2 = ref<HTMLElement | null>(null)
  const treeSelectNodes: Ref<any[]> = ref([])
  const selectedNode = ref<HTMLElement | null>(null)
  const knobValue = ref<Number | null>(50)
  const sliderValue = ref<Number | null>(50)
  const colorValue = ref<String | null>('#1976D2')
  const switchValue = ref<Boolean | null>(false)
  const toggleValue = ref<Boolean | null>(false)
  const inputGroupValue = ref<Boolean | null>(false)

  return {
    autoFilteredValue,
    checkboxValue,
    listboxValues,
    dropdownValues,
    multiselectValues,
    countryService,
    nodeService,
    selectButtonValues1,
    selectButtonValues2,
    floatValue,
    autoValue,
    selectedAutoValue,
    calendarValue,
    inputNumberValue,
    chipsValue,
    ratingValue,
    radioValue,
    listboxValue,
    dropdownValue,
    multiselectValue,
    selectButtonValue1,
    selectButtonValue2,
    treeSelectNodes,
    selectedNode,
    knobValue,
    sliderValue,
    colorValue,
    switchValue,
    toggleValue,
    inputGroupValue,
  }
}

